<template>
  <view ref="container">
    <OrderIndex v-if="!value"></OrderIndex>
	<product v-if="value == 1"></product>
	<manage v-if="value == 2"></manage>
	
	<u-tabbar :value="value" :fixed="true" :placeholder="true" :safeAreaInsetBottom="true">
		<u-tabbar-item text="控制台" icon="order" @click="clickItem"></u-tabbar-item>
		<u-tabbar-item text="商品管理" icon="photo" @click="clickItem"></u-tabbar-item>
		<u-tabbar-item text="门店管理" icon="setting" @click="clickItem"></u-tabbar-item>
		
	</u-tabbar>
  </view>
</template>
<script>
import { getStatisticsInfo, getStatisticsMonth } from "@/api/admin";
import Loading from "@/components/Loading";

import product from "./product/index";
import manage from "./manage/index";
import OrderIndex from "./orderAdmin/OrderIndex/index";
export default {
  name: "Management",
  components: {
    Loading, 
	manage,
	product,
	OrderIndex
  },
  props: {},
  data: function() {
    return {
      value: 0
    };
  },
  methods: {
    clickItem(e) {
    	this.value = e
    }
  }
};
</script>
<style scoped lang="less">
	.body {
		height: calc(100vh - 56px);
		overflow-y: hidden;
		width: 100%;
	}

	.mian {
		width: 100%;
		height: calc(100vh - 56px);
	}
</style>